
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>简单quicker页面</title>
</head>
<body>
    <h1>欢迎来到我的quicker网页</h1>
    <p>这是一个简单的HTML页面。</p>
    <a href="https://www.example.com">访问示例网站</a>

    <button id="generateRandomNumber" >生成随机数</button>
    <p id="randomNumberDisplay"></p>
   
    <br>
    <button id="test1" >测试1剪贴板</button>
    <p id="test1result"></p>
    <br>
    <button id="test2" >测试2 写剪贴板 ok</button>
    <p id="test2result"></p>
    <br>
    <button id="test3" >测试3 读剪贴板 </button>
    <p id="test3result"></p>

    <script>
        document.getElementById('generateRandomNumber').addEventListener('click', function() {
            const randomNumber = Math.floor(Math.random() * 100) + 1; // 生成1到100之间的随机数
            document.getElementById('randomNumberDisplay').textContent = '生成的随机数: ' + randomNumber;
        });

        document.getElementById('test1').addEventListener('click', function(e) {
            const randomNumber = Math.floor(Math.random() * 100) + 1; // 生成1到100之间的随机数
            var str2=e.clipboardData.getData("text/plain");
            document.getElementById('test1result').textContent = randomNumber+ '剪贴板数据: ' + str2;
        });

        document.getElementById('test2').addEventListener('click', function(e) {
            const randomNumber = Math.floor(Math.random() * 100) + 1; // 生成1到100之间的随机数
            //var str2=e.clipboardData.getData("text/plain");
            var text= randomNumber + " 等待"
            navigator.clipboard.writeText(text).then(function() {
                console.log('文本已成功复制到剪贴板');
                }).catch(function(err) {
                console.error('无法复制文本: ', err);
                });
            document.getElementById('test2result').textContent = text;
        });
        
        async function getClipboardContents() {
            try {
                const clipboardItems = await navigator.clipboard.read();

                for (const clipboardItem of clipboardItems) {
                    console.log(`types:`+ clipboardItem.types.join('|'))
                    //for (const type of clipboardItem.types) {
                      //  const blob = await clipboardItem.getType(type);
                        // we can now use blob here
                    //}
                }
            } catch (err) {
                console.error(err.name, err.message);
            }
        }
        document.getElementById('test3').addEventListener('click', getClipboardContents);


    </script>
</body>
</html>